/* 去默认样式 */

* {
  margin: 0;
  padding: 0;
}

ul {
  list-style: none;
}

a {
  text-decoration: none;
  font-size: 12px;
  color: #666666;
}

h1, h2, h3 {
  font: 400 16px 微软雅黑 Arial;
}

img {
  display: block;
}

/* input默认样式 */

input {
  background: none;
  outline: none;
  /*消除默认点击蓝色边框效果*/
  border: none;
}

/* 去掉选中时的蓝色框 */

input:focus {
  border: none;
  /* border:1px solid #ccc; */
}

/*消除button的默认样式 */

button {
  border: 1px solid transparent;
  /*自定义边框*/
  outline: none;
  /*消除默认点击蓝色边框效果*/
}


body{
  /* 文本不可选中 */
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  /* 默认字体 */
  font: 14px/1.5 "PingFang SC","微软雅黑","Microsoft YaHei",Helvetica,"Helvetica Neue",Tahoma,Arial,sans-serif;
  color: #1c1f21;
  height: 100%;
}
/* 文本内容不可选中 */

.none-text {
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

/* 文本删除线 */
.del-text{
  text-decoration: line-through;
  flex-direction: row;
}

弹性布局
.flex-r{
  display: flex;
}
.flex-c{
  display: flex;
  flex-direction: column;
}

/* 颜色通用样式 */

.bg-fff {
  background-color: #fff !important;
}

.bg-r1 {
  background-color: rgba(240,20,20,.6) !important;
}

.bg-r {
  background-color: rgb(255, 0, 0) !important;
}

.bg-ccc {
  background-color: #ccc !important;
}

.bg-eee {
  background-color: #eee !important;
}
/* 字体颜色通用 */
.c-r{
  color: red !important;
}

.c-666 {
  color: #666 !important;
}

.c-999 {
  color: #999 !important;
}

.c-aaa {
  color: #aaa !important;
}
.c-f {
  color: #fff !important;
}

/* 字体大小通用 */
.fz-12{
  font-size: 12px !important;

}
.fz-14{
  font-size: 14px !important;

}
.fz-16 {
  font-size: 16px !important;
}

.fz-20 {
  font-size: 20px !important;
}

.fz-22 {
  font-size: 22px !important;
}

.fz-24 {
  font-size: 24px !important;
}

.fz-26 {
  font-size: 26px !important;
}

.fz-28 {
  font-size: 28px !important;
}

.fz-30 {
  font-size: 30px !important;
}

.fz-32 {
  font-size: 32px !important;
}

.fz-34 {
  font-size: 34px !important;
}

.fz-36 {
  font-size: 36px !important;
}

.fz-38 {
  font-size: 38px !important;
}

.fz-40 {
  font-size: 40px !important;
}

/* 缩进 */

.sj-1 {
  text-indent: 1em !important;
}

.sj-2 {
  text-indent: 2em !important;
}

/* 文字居中 */

.center {
  text-align: center;
}

/* 分割线 */

.line {
  height: 1px;
  background-color: #666;

}

.line-h30 {
  height: 30px;
  border-left: 1px rgb(124, 124, 124) solid;
}

.line-h60 {
  height: 60px;
  border-left: 1px rgb(124, 124, 124) solid;
}

.line-h90 {
  height: 90px;
  border-left: 1px rgb(124, 124, 124) solid;
}

.line-h120 {
  height: 120px;
  border-left: 1px rgb(124, 124, 124) solid;
}

.line-h150 {
  height: 150px;
  border-left: 1px rgb(124, 124, 124) solid;
}

.line-h180 {
  height: 180px;
  border-left: 1px rgb(124, 124, 124) solid;
}

.line-h210 {
  height: 210px;
  border-left: 1px rgb(124, 124, 124) solid;
}

/* 宽度 */

.w-100 {
  width: 100% !important;
}

.w-90 {
  width: 90% !important;
}

.w-80 {
  width: 80% !important;
}

.w-75 {
  width: 75% !important;
}

.w-50 {
  width: 50% !important;
}

.w-25 {
  width: 25% !important;
}

.w-30 {
  width: 30% !important;
}

.w-60 {
  width: 60% !important;
}

.w-90 {
  width: 90% !important;
}

/* 高度 */

.h-100 {
  height: 100% !important;
}

.h-90 {
  height: 90% !important;
}

.h-80 {
  height: 80% !important;
}

.h-75 {
  height: 75% !important;
}

.h-50 {
  height: 50% !important;
}

.h-25 {
  height: 25% !important;
}

.h-30 {
  height: 30% !important;
}

.h-60 {
  height: 60% !important;
}

.h-90 {
  height: 90% !important;
}
.clearfix:after{
	content: "\0020";
	display: block;
	clear: both;
	/* overflow: hidden; */
	visibility: hidden;
}